<!--
 * @功能描述: 基础图片demo组件
 * @author: lzn
 * @date: 2022-09-21 16:21:38
 * @version: 1.0
-->
<script setup>
const src = 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png';
</script>

<template>
  <!-- <div class="yw-base-image" style="width: 200px;margin-right: 20px;"> -->
    <img class="yw-base-image" :src="src" />
    <!-- <div class="image-mask">
      <div class="image-mask-info">
        <svg class="yw-base-icon" aria-hidden="true">
          <use xlink:href="#m-observe"></use>
        </svg>
        <span>预览</span>
      </div>
    </div> -->
  <!-- </div> -->
  <!-- <div class="yw-base-image yw-base-image-error" style="width: 200px;height: 200px">
    <svg class="yw-base-icon" aria-hidden="true">
      <use xlink:href="#g-load-failed"></use>
    </svg>
  </div> -->
  
</template>

<style scoped>

</style>